@extends('admin.layouts.app')
@section('title', '圈圈 @')
@section("js-head")
    <script src="{{ asset('/static/js/libs/core/packages/at.js') }}"></script>
@endsection
@section("content")
    <div id="myToast" class="app-toast">
        <div class="app-toast-text">提示内容222</div>
    </div>
    <div class="app-main demo">
        <div class="row">
            <div class="col-12">
                <div class="app-card">
                    <div class="app-card-header">
                        <h4>基础用法</h4>
                    </div>
                    <div class="app-card-content">
                        <div class="demo-row demo-code">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col">
                                        <ol>
                                            <li><h6>通过<code>jQuery</code>插件方式调用</h6></li>
                                        </ol>
                                    </div>
                                </div>
                                <div class="code-source">
                                    <div contenteditable="true" class="demo-editor demo-at-1 form-control">
                                        Hi, every one! @郭富城，@刘德华
                                    </div>
                                    <script>
                                        $('.demo-at-1').at({

                                        })
                                    </script>
                                </div>
                                <!--/code-source-->
                            </div>
                        </div>
                        <!--/demo-row-->

                    </div>
                    <!--/demo-code-->

                </div>
            </div>
        </div>
        <!--/row-->

        <div class="row">
            <div class="col-12">
                <div class="app-card">
                    <div class="app-card-header">
                        <h4>高级用法</h4>
                    </div>
                    <div class="app-card-content">
                        <div class="row demo-code">
                            待开发中...
                        </div>

                    </div>
                    <!--/demo-code-->
                </div>
            </div>
        </div>
        <!--/row-->

    </div>
    <!--/body-->
@endsection
@section('js')
    <script>
        (function () {
            // page
            var Page = {
                init: function () {
                    // App.toast('1111')
                    this.bind()
                },
                bind: function () {
                    var self = this
                }
            }

            // ready
            $(function () {
                Page.init()
            });
        }());
    </script>
@endsection
